<?php App::import('Model', 'Subclaseslaboratorio'); ?>
<?php $datolaboratorio = new Subclaseslaboratorio(); ?>
<script type="text/javascript">
    $(document).ready(function() {
        $('#tabs div').hide();
        $('#tabs div:first').show();
        $('#tabs ul li:first').addClass('active');
        $('#tabs ul li a').click(function() {
            $('#tabs ul li').removeClass('active');
            $(this).parent().addClass('active');
            var currentTab = $(this).attr('href');
            $('#tabs div').hide();
            $(currentTab).show();
            return false;
        });
    });
</script>
<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }
    #tabs {
        font-size: 90%;
        margin: 20px 0;
    }
    #tabs ul {
        float: left;
        background: #fff;
        width: 100%;
        padding-top: 4px;
    }
    #tabs li {
        margin-left: 8px;
        list-style: none;
    }
    * html #tabs li {
        display: inline;
    }
    #tabs li, #tabs li a {
        float: left;
    }
    #tabs ul li.active {
        border-top:2px #FFFF66 solid;
        background: #FFFFCC;
    }
    #tabs ul li.active a {
        color: #333333;
    }
    #tabs div {
        background: #FFFFCC;
        clear: both;
        padding: 15px;
        min-height: 400px;
    }
    #tabs div h3 {
        margin-bottom: 12px;
    }
    #tabs div p {
        line-height: 150%;
    }
    #tabs ul li a {
        text-decoration: none;
        padding: 8px;
        color: #000;
        font-weight: bold;
    }   
</style>
<?php
App::import('Model', 'Subclaseslaboratorio');
$modeloClasesLaboratorio = new Subclaseslaboratorio();
?>
<div id="content" style="width: 890px">
    <div class="grid_container">       
        <span class="clear"></span>                    
        <div class="grid_12">
            <div class="widget_wrap">
                <div class="widget_top">
                    <span class="h_icon blocks_images"></span>
                    <h6>Datos del Paciente</h6>
                </div>
                <?php echo $this->Form->create('Laboratoriospaciente', array('url' => array('action' => 'registralaboratorio'))); ?>
                <?php echo $this->Form->hidden("paciente_id", array('value' => $idPaciente)); ?>
                <?php echo $this->Form->hidden("consultasexterna_id", array('value' => $idConsultaExterna)); ?>
                <div class="widget_content">                 
                    <div class=" page_content">    
                        <div id="tabs">
                            <ul>
                                <?php $numeroexamen=0;?>
                                <?php foreach($clasesDeLaboratorios as $cdl): ?>
                                    <li>
                                        <a href="#tab-<?php echo $cdl['Claseslaboratorio']['id']; ?>">
                                            <?php echo $cdl['Claseslaboratorio']['nombre']; ?>
                                        </a>
                                    </li>                                
                                <?php endforeach; ?>
                            </ul>
                            <?php foreach ($clasesDeLaboratorios as $cdl): ?>
                                <div id="tab-<?php echo $cdl['Claseslaboratorio']['id']; ?>">
                                    <h4><?php echo $cdl['Claseslaboratorio']['nombre']; ?></h4>  
                                    <br/>
                                    <?php
                                    $laboratorios = $modeloClasesLaboratorio->find('all', array(
                                        'recursive' => -1,
                                        'conditions' => array('claseslaboratorio_id' => $cdl['Claseslaboratorio']['id'])
                                    ));
                                    ?>
                                    <?php //debug($laboratorios);exit; 
                                    
                                    ?>
                                    <?php foreach ($laboratorios as $lab): ?>
                                        <p style="float: left; width: 220px; font-weight: bolder; color: #002f64;">
                                            <input name="data[Examenespaciente][<?php echo $numeroexamen?>][subclaseslaboratorio_id]" type="checkbox" value="<?php echo $lab['Subclaseslaboratorio']['id'] ?>">
                                            <label class="choice" style="top: -3px">
                                                <small>(<?php echo $lab['Subclaseslaboratorio']['posicion'] ?>)</small>&nbsp;
                                                <?php echo $lab['Subclaseslaboratorio']['nombre'] ?>
                                                <span style="font-size: 10px">(<?php echo $lab['Subclaseslaboratorio']['descripcion']?>)</span>
                                            </label>                                        
                                        </p>
                                    <?php 
                                    $numeroexamen++;
                                    endforeach; ?>
                                </div> 
                            <?php endforeach; ?>

                        </div> 

                    </div>
                </div>
                <li>
                    <div class="form_grid_12" id="enviaDatos">
                        <div class="form_input">
                            <?php
                            $opciones = array(
                                'class' => 'btn_small btn_blue',
                                'Value' => 'Solicitar laboratorio',
                                'id'=>'btnGuarda'
                                    )
                            ?>
                            <?php echo $this->Form->end($opciones) ?>
                            
                        </div>
                    </div>
                </li>
            </div>

        </div> 
<!--        <div class="grid_3">
            <div class="widget_wrap">
                <div class="widget_top">
                    <span class="h_icon blocks_images"></span>
                    <h6>Buscador paciente</h6>
                    <div class="top_search">
                        <form>
                        <ul id="search_box">
                            <li>
                                <?php // echo $this->Form->hidden('paciente_id', array('value' => $idPaciente)); ?>
                                <?php // echo $this->Form->hidden('consultasexterna_id', array('value' => $idConsultaExterna)); ?>
                                <input name="dato" id="datitolabo" type="text" class="search_input" id="suggest1" placeholder="Search...">
                            </li>
                            <li>
                                <input name="" id="btn_buscar" type="submit" value="" class="search_btn">
                            </li>
                        </ul>
                        </form>
                    </div>
                </div>
                <div class="widget_content" id="resultado_buscar">
                </div>
            </div>
        </div>-->
        
    </div>
</div>
<script>
    $("#datitolabo").change(function(){
       console.log('escribio en buscar');
       
    });
    $("#btn_labo").change(function(){
       console.log('escribio en buscar');
       var dato = $("#datitolabo").val();
      // $("#resultado_buscar").load('<?php echo $this->Html->url(array('controller'=>'Laboratoriospacientes', 'action'=>'buscaexamen'))?>/'+dato);
       $("#resultado_buscar").load('aca los datos');
       
    });
    $("#enviaDatos").click(function(){
        $("#enviaDatos").hide();
    });
</script>